<template>
  <div class="sub-container">
    <h3>Sub组件</h3>
    <p>已知库存数: {{ num }}</p>
    <button>库存-1</button>
  </div>
</template>

<script>
// 目标：映射使用state
// 1. 从 vuex 中 按需导入 辅助函数 mapState
import { mapState } from "vuex";
// console.log(mapState(["num", "name"]));
// 2.把mapState函数的返回值卸载（展开）
// 到当前组件的 computed 中
export default {
  name: "Sub",
  computed: {
    ...mapState(["num", "name"]),
  },
};
</script>
